<template>
  <div class="jobDistribution">

        <Card>
          <Divider>任务大厅</Divider>
          <div style="text-align:center">
            <Tabs value="name1">
              <TabPane label="按任务分配" name="name1"><jobDistributionByUser :test="false"></jobDistributionByUser></TabPane>
              <TabPane label="按人分配" name="name2"><jobDistributionByUser :test="true"></jobDistributionByUser></TabPane>
            </Tabs>
          </div>
        </Card>
  </div>
</template>

<script>
  import axios from "axios";
  import jobDistributionByJob from "./jobDistributionByJob";
  import jobDistributionByUser from "./jobDistributionByUser";

  export default {
    name: "jobDistribution",
    components:{
      jobDistributionByJob,
      jobDistributionByUser
    }
  }
</script>

<style scoped>
  .jobDistribution{
    margin: 20px 0 0 20px
  }
</style>
